<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>首页</title>
        <link rel="stylesheet" type="text/css" href="/static/bootstrap.min.css">
        <style type="text/css">
            .main{
                font: 25px Arial, Helvetica, sans-serif;
                border: 1px solid #5bc0de;
                border-radius: 20px;
                margin:  5px ; {# 向外填充 #}
                padding: 5px; {# 向内填充 #}
            }
        </style>
    </head>
    <body>
        <nav class="navbar navbar-default ">
          <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <!-- button 以及内部的三个span标签，会在屏幕缩小时将导航条上的列表转化为一个菜单栏按钮(汉堡包菜单)，将其设置为下拉式列表样式-->
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">智游教育</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">公司介绍 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">公司风采</a></li>
                <li><a href="#">公司食堂</a></li>
                <li><a href="#">公司大楼</a></li>
                  </ul>
                </li>
              </ul>
              <form class="navbar-form navbar-left">
                <div class="form-group">
                  <input  type="text" class="form-control" placeholder="请输入关键字...">
                </div>
                <button type="submit col-md-offset-3" class="btn btn-default">搜索</button>
              </form>
              <div id="logindiv" class="navbar-btn navbar-right">
                  <button class="btn btn-default col-xs-12 col-sm-6" type="submit">登录</button>
                  <button class="btn btn-default col-xs-12 col-sm-6 register" type="submit">注册</button>
              </div>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>
        <div>
            <a href="/message/message1/" class="btn btn-danger">留言</a>
            <a href="/message/message2/" class="btn btn-default">修改</a>
            <a href="/message/message3/" class="btn btn-default">查看</a>
        </div>

            {% for m in mes %}.
            <div class="main">
                {{ m.id }}&nbsp;&nbsp;
                姓名:{{ m.m_name }}&nbsp;&nbsp;
                邮箱:{{ m.m_email }}&nbsp;&nbsp;
                地址:{{ m.m_address }}&nbsp;&nbsp;
                内容:{{ m.m_message }}&nbsp;&nbsp;
                <br>
            </div>
            {% endfor %}


        <script type="text/javascript" src="/static/jquery-3.3.1.min.js"></script>
        <script type="text/javascript" src="/static/bootstrap.min.js"></script>
    </body>
</html>